*{margin: 0;padding: 0;}
li{list-style: none;}
a{text-decoration: none;}
body,html{font-size: 14px;}
/*创建通用类名*/
.h40{height: 40px;overflow: hidden;}
.fl{float: left;}.fr{float: right;}
.ml10{margin-left: 10px;}
/*第一部分的主体宽度*/
.top-container{width: 990px;margin:0 auto}
/*创建清除浮动的类名*/
.clearfix::after{
	clear: both;
	display: table;
	content: '';
}
.container{
	width: 1280px;
	margin:0 auto;
}
/*header部分开始*/
.head-top{
	border: 1px solid #eee;
	border-width: 1px 0;
}
header{
	position: relative;
	color: #464646;
	.logo{
		width: 205px;
		padding: 0 15px 0 0;
		background-position: 0 -40px;
		position: relative;
		z-index: 10;
		background-image: url('../images/ost-bg.png');
		a{
			height: 100%;
			display: block;
		}
	}
	.top-txt{
		width: 220px;
		background-position: -143px -120px;
	}
	.top-czsh,.top-title{
		font-size: 12px;
		font-weight: normal;
		margin: 0;
		line-height: 40px;
		cursor: pointer;
		
	}
	.top-czsh{
		float: left;
		width: 118px;
		background: url('../images/logo.png') 0 12px no-repeat;
		text-indent: 20px;
		a{
			color: #464646;
			&:hover{
				color: #ff4e00;
			}
		}
	}
	.top-title{
		.title-bg{
			background: url('../images/ost-bg.png') no-repeat;
		}
		.title-icon{
			width: 11px;
			height: 11px;
			background-position: -150px -134px;
			margin-left: 5px;
			display: inline-block;
			vertical-align:middle;

		}
		&:hover .title-icon{
			background-position: -170px -134px;
		}
		&:hover{
			color: #ff4e00;
		}
	}
	.top-big{
		width: 970px;
		height: 185px;
		padding: 0 3px 3px;
		border-bottom: 1px solid #eee;
		background: #fff;
		position: absolute;
		top: 0;
		left: 50%;
		margin:0 0 0 -488px;
		display: none;
		z-index: 2;
	}
}

.wrapper{
	width: 100%;
	text-align: center;
	padding: 0 0 80px;
	background: url('../images/banner.jpg') no-repeat #e6ecea 50% 0;
	.header{
		height: 380px;
		position: relative;
		.h-logo,.nav dt{
			background: url('../images/nav-copy.png') no-repeat;
		}
		.h-logo{
			position: absolute;
			top: 28px;
		    left: 0;
		    width: 191px;
		    height: 67px;
		    background-position: 0 0;
			a{
				display: block;
				text-indent: -99999px;
			}
		}
		.nav{
			position: absolute;
			.mainNav{
				padding: 0 0 0 475px;
				dt{
					width: 92px;
					height: 44px;
				}
				dd{
					padding: 10px 0 0;
					text-align: left;
					.abx{
						display: block;
						padding: 0 0 1px;
						a{
							display: inline-block;
							margin:0 0 0 1px;
							color: #525252;
							font-size: 13px;
							&:hover{
								color: #01b8a9;
							}
						}
					}
				}
				li{
					width: 100px;
					float: left;
					padding: 30px 0 0;
				}
				.homeNav{
					dt{
						background-position: 0 100%;
					}
				}
				.newsNav{
					dt{
						background-position: -115px 100%;
					}
				}
				.introNav{
					dt{
						background-position: -230px 100%;
					}
				}
				.downNav{
					dt{
						background-position: -460px 100%;
					}
				}
				.actvNav{
					dt{
						background-position: -575px 100%;
					}
				}
				.visionNav{
					dt{
						background-position: -805px 100%;
					}
				}
				.userNav{
					dt{
						background-position: -690px 100%;
					}
				}
				.serviceNav{
					dt{
						background-position: -920px 100%;
					}
				}

			}
		}
	}
	.content{
		position: relative;
		.article{
			position: relative;
			float: left;
		}
		.slider-content{
			position: absolute;
			top: 0;
			left: 0;
			width: 186px;
			.top{
				float: none;
				.tNav{
					width: 100%;
					height: 100%;
					overflow: hidden;
					background-color: #199d80;
					a{
						display: block;
						height: 100%;
					}
					.g1{
						width: 100%;
					}
					.one{
						height: 115px;
						background-color: #2fc3a2;
						background-position: 50% -355px;
						background-image: url('../images/spr-icon.png');
						background-repeat: no-repeat;
						a{
							display: block;
							width: 100%;
							height: 100%;
							overflow: hidden;
							color: #ffffff;
							font-size: 24px;
							text-shadow: 2px 2px 3px rgba(42,182,141,1);
							font-weight: bold;
							line-height: 100px;
							&:hover{
								background-color: rgba(255,255,255,.1);
							}
						}
						.eng{
							color: #1d997e;
							font-style: normal;
							line-height: 100%;
							margin: -32px 0 0;
							font-size: 14px;
							font-family: Arial;
							display: block;
							text-shadow: none;
						}
					}
					.two,.three{
						border-bottom: 1px solid #26ae90;
					}
					.g2{
						margin: 0 15px;
						height: 61px;
						line-height: 61px;
						a{
							color: #ffffff;
							position: relative;
							text-indent: 38px;
							margin: 0 -15px;
							&:hover{
								background-color: #2d8672;
							}
						}
					}
				}
			}
			.center{
				float: none;
				margin: 15px 0 0;
				background-color: #3a3a3a;
				background-position: 0 100%;
				background-image: url('../images/bg-home2.jpg');
				background-repeat: no-repeat;
				.quav-a{
					width: 100%;
					height: 100%;
					overflow: hidden;
					.quav-i{
						position: relative;
						float: left;
						width: 50%;
						height: 100px;
						text-align: center;
						overflow: hidden;
						transition: all 0.5s;
						&:hover{
							background-color: #cfae69
						}
						&:hover .icon{
							top: -44px;
							opacity: 0;
						}
						&:hover .singla{
							color: #fff;
							padding: 40px 0 0;
							height: 60px;
						}
						.icon{
							display: block;
						    position: absolute;
						    top: 18px;
						    left: 50%;
						    font-size: 34px;
						    line-height: 99%;
						    width: 40px;
						    height: 40px;
						    margin: 0 0 0 -20px;
						    text-indent: -2px;
						    transition: all .7s ease-out 0s;
						    // background: #cfae69;
						}
						.singla{
							display: block;
							position: absolute;
							top: 0;
							left: 0;
							width: 100%;
							color: #d4d4d4;
							font-size: 13px;
							padding: 63px 0 0;
							height: 37px;
							transition: all 0.3s;
						}
					}
					.quav-1{
						.icon{
							background-image: url('../images/icon/data.png');
							background-size: 100% 100%;
						}
					}
					.quav-2{
						.icon{
							background-image: url('../images/icon/Strategy.png');
							background-size: 100% 100%;
						}
					}
					.quav-3{
						.icon{
							background-image: url('../images/icon/activity.png');
							background-size: 100% 100%;
						}
					}
					.quav-4{
						.icon{
							background-image: url('../images/icon/edition.png');
							background-size: 100% 100%;
						}
					}
					.quav-5{
						.icon{
							background-image: url('../images/icon/Official.png');
							background-size: 100% 100%;
						}
					}
					.quav-6{
						.icon{
							background-image: url('../images/icon/blog.png');
							background-size: 100% 100%;
						}
					}
				}
			}
			.bottom{
				float: none;
				background-color: #3a3a3a;
				margin: 15px 0 0;
				padding: 20px 15px;
				font-size: 13px;
				.fnav-a{
					width: 100%;height: 100%;
					overflow: hidden;
					.fnav-i{
						position: relative;
						border-bottom: 1px solid #474747;
						overflow: hidden;
						line-height: 41px;
						height: 41px;
						.icon{
							width: 30px;
							height: 30px;
							top: 4px;
							left: 30px;
							position: absolute;
							display: block;
						}

						&:nth-of-type(1) .icon{
							background: url('../images/icon/icon1.png') no-repeat;
							background-size: 100% 100%;
						}
						&:nth-of-type(2) .icon{
							background: url('../images/icon/icon2.png') no-repeat;
							background-size: 100% 100%;
						}
						&:nth-of-type(3) .icon{
							background: url('../images/icon/icon3.png') no-repeat;
							background-size: 100% 100%;
						}
						&:nth-of-type(4) .icon{
							width: 20px;
							height: 37px;
							margin-left: 5px;
							background: url('../images/icon/icon4.png') no-repeat;
							background-size: 100% 100%;
						}
						&:nth-of-type(5) .icon{
							background: url('../images/icon/icon5.png') no-repeat;
							background-size: 100% 100%;
						}
						&:nth-of-type(6) .icon{
							background: url('../images/icon/icon6.png') no-repeat;
							background-size: 100% 100%;
						}
						&:nth-of-type(7) .icon{
							background: url('../images/icon/icon7.png') no-repeat;
							background-size: 100% 100%;
						}
						&:nth-of-type(8) .icon{
							background: url('../images/icon/icon8.png') no-repeat;
							background-size: 100% 100%;
						}
						&:nth-of-type(9) .icon{
							background: url('../images/icon/icon9.png') no-repeat;
							background-size: 100% 100%;
						}
						.singla{
							position: relative;
							display: block;
							color: #d4d4d4;
							height: 100%;
							text-align: center;
							text-indent: 35px;
						}
					}
				}
				.ewmarea{
					margin-top: 40px;
					position: relative;
					margin: 25px 0 0;
					padding: 30px 13px 0;
					color: #9c9c9c;
					.etit{
						position: absolute;
						top: 0;
						line-height: 18px;
						text-align: center;
						padding: 0 0 0 8px;
						cursor: pointer;
					}
					.etit.cur{
						color: #f8f8f8;
					}
					.wapp{
						left: 11px;
					}
					.wxwx{
						right: 17px;
						border-left: 1px solid #676767;
					}

					.epic{
						width: 130px;
						height: 130px;
						display: none;
						img{
							width: 100%;height: 100%;display: block;
						}
					}
					.epic.cur{
						display: block;
					}
				}
				.partners{
					margin-top: 15px;
					min-height: 150px;
					padding: 0 13px;
					margin: 5px 0 0;
				}
				.partnerslist{
					position: relative;
					margin: 0 0 0 -12px;
					overflow: hidden;
					li{
						float: left;
						width: 35px;
						height: 35px;
						margin: 15px 0 0 12px;
						a{
							display: block;
							width: 100%;
							height: 100%;
							background-color: rgba(95,95,95,0.5);
							border-radius: 50%;
							overflow: hidden;
							img{
								opacity: 0.5;
								&:hover{
									opacity: 1;
								}
							}
						}
					}
				}
			}
		}
		.main-content{
			margin: 0 0 0 201px;
			position: relative;
			overflow: hidden;
			.hotrotate{
				width: 799px;
				margin-right: 280px;
				overflow: hidden;
				height: 300px;
				background-color: red;
				.rotate_content{
					position: absolute;
				    top: 0;
				    left: 0;
				    width: 799px;
				    height: 100%;
				    overflow: hidden;
				    .rotate{
				    	// width: 5000px;
				    	li{
							float: left;
							position: relative;
							height: 100%;
				    	}
				    }
				}
				.rotate_number{
					position: absolute;
				    right: 0;
				    bottom: 0;
				    width: 100%;
				    font-size: 12px;
				    line-height: 36px;
				    height: 36px;
				    background-color: rgba(56,56,56,.9);
				    margin-left: 0;
				    .numbox{
				    	text-align: center;
				    	span{
				    		display: inline-block;
						    width: 33%;
						    height: 100%;
						    border-radius: 0;
						    margin: 0;
						    color: #979696;
						    background-color: transparent;
						    overflow: hidden;
						    white-space: nowrap;
						    cursor: pointer;
				    	}
				    	.cur{
				    		background-color: #2fc3a3;
				    		color: #ffffff;
				    	}
				    }
				}
				.cates{
					position: absolute;
				    top: 0;
				    right: 0;
				    display: block;
				    width: 150px;
				    background: #3a3a3a;
				    font-size: 12px;
				    text-align: center;
				    box-shadow: -2px 2px 2px rgba(0,0,0,.2);
				    a{
					    display: block;
					    float: left;
					    width: 50%;
					    line-height: 28px;
					    color: #848484;
				    }
					.cur{
						background-color: #2fc3a3;
						color: #e3e3e3;
						cursor: default;
					}
				}
			}
			.vsinfos{
				width: 265px;
				height: 300px;
				position: absolute;
				top: 0;
				right: 0;
				background-color: #fff;
				h2{
					background-position: -134px 3px;
				    padding: 0 0 0 40px;
				    font-size: 14px;
				    margin: 25px 20px 10px;
				    color: #3a3a3a;
				    line-height: 100%;
				    font-weight: normal;
				    text-align: left;
				    background-image: url('../images/spr-icon.png');
				    background-repeat: no-repeat;
				    strong{
				    	font-size: 18px;
				    	color: #2fc3a3;
				    	font-weight: bold;
				    	line-height: 130%;
				    	display: block;
				    }
				}
				.mtpic{
					width: 228px;
					height: 101px;
					display: block;
					margin: 0 auto;
					a{
						width: 100%;
						height: 100%;
						display: block;
					}
				}
				.sm-lists{
					font-size: 13px;
					color: #b6b6b6;
					padding: 10px 20px 0;
					text-align: left;
					li{
						position: relative;
					    width: 100%;
					    line-height: 24px;
					    overflow: hidden;
					    white-space: nowrap;
					    text-overflow: ellipsis;
					    a{
					    	color: #767676;
					    	&:hover{
					    		color: #2fc3a2;
					    	}
					    }
					    .sta{
					    	color: #2fc3a2;
					    }
					}
				}
			}
			.hotnews{
				width: 393px;
				position: relative;
			    margin: 15px 280px 0 0;
			    background: #fff;
			    overflow: hidden;
			    height: 300px;
			    .newsbox{
			    	padding: 15px 20px 0;
			    	position: relative;
			    	overflow: hidden;
			    	.tabpart{
			    		position: relative;
			    		.tab{
			    			width: 100%;
			    			overflow: hidden;
			    			li{
			    				float: left;
			    				width: 50px;
			    				a{
			    					display: block;
			    					height: 43px;
			    					line-height: 43px;
			    					text-align: center;
			    					color: #414242;
			    					&:hover{
			    						color: #2fc3a2;
			    					}
			    				}
			    			}
			    		}
			    		.bdbotline{
			    			width: 50px;
			    			position: absolute;
						    bottom: -1px;
						    left: 0;
						    height: 2px;
						    line-height: 0;
						    font-size: 0;
						    background: #2fc3a2;
						    -webkit-transform: translate3d(0,0,0);
						    transform: translate3d(0,0,0);
						    -webkit-transition: left .2s ease-out 0s;
						    transition: left .2s ease-out 0s;
			    		}
			    	}
			    	.listpart{
			    		position: relative;
					    border-top: 1px solid #e4eae9;
					    width: 100%;
					    height: 222px;
					    overflow: hidden;
					    z-index: 1;
					    text-align: left;
					    div{
					    	position: absolute;
					    	top: 18px;
					    	ul{
						    	width: 353px;
						    	li{
							    	position: relative;
		    						margin: 0 5px;
		    						font-size: 13px;
									&:hover a{
								    	color: #2fc3a2
								    }
						    	}
						    }
						}
			    	}
			    }
			}
			/*通用的*/

			.more-news{
				position: absolute;
				top: 0;
				right: 0;
				width: 50px;
				height: 100%;
				.morer{
					color: #B9C1C1 !important;
					font-weight: bold;
					text-align: right;
					&:hover{
						color: #2fc3a2 !important;
					}
				}
			}
		   	.cltag{
				position: absolute;
			    top: 50%;
			    left: 0;
			    line-height: 100%;
			    margin-top: -7px;
			    color: #767676;
			    z-index: 5;
			    i{
			    	font-style: normal;
			    }
		   	}
		   	.cltit{
		   		position: relative;
			    display: block;
			    padding: 4.5px 50px 4.5px 0;
			    margin-left: 40px;
			    color: #505050;
			    overflow: hidden;
			    white-space: nowrap;
			    text-overflow: ellipsis;
			    z-index: 2;
		   	}
		   	.cltime{
		   		position: absolute;
			    top: 50%;
			    right: 0;
			    line-height: 100%;
			    margin-top: -6px;
			    text-align: right;
			    z-index: 1;
			    color: #b1b1b1;
			    overflow: hidden;
			    white-space: nowrap;
		   	}
		   	/*通用的*/
			.evcenter{
				top: 300px;
				left: 408px;
				position: absolute;
				margin: 15px 0 0;
				height: 142px;
				a{
					width: 100%;
					height: 100%;
					display: block;
				}
			}
			/**/
			.guide,.features{
				margin: 15px 15px 0 0;
				width: 189px;
				height: 142px;
				background-color: #fff;
				position: absolute;
				text-align: left;
				background-image: url('../images/bg-home2.jpg');
				h2{
				color: #cfae69;
				font-size: 22px;
				padding: 15px 0 0 20px;
				}
				.infos{
					margin: 5px 0 0;
					color: #777676;
					line-height: 130%;
					padding: 0 0 0 20px;
					font-size: 12px;
					.bk{
						display: block;
						font-style: normal;
					}
				}
			}
			.features{
				top: 457px;
				left: 408px;
				background-position: 100% 0;
			}
			.guide{
				top: 457px;
				left: 610px;
				background-position: 100% 100%;
			}
			/**/

			.gamedata{
				position: absolute;
			    right: 0;
			    top: 300px;
			    margin: 15px 0 0;
			    width: 265px;
			    height: 300px;
			    background-color: #f0f3f8;
			    background-position: -186px 100%;
    			overflow: hidden;
    			background-image: url('../images/bg-home2.jpg');
    			background-repeat: no-repeat;
    			.tabpart{
    				padding: 15px 0 0;
    				margin: 0 15px;
    				position: relative;
    				li{
    					width: 23px;
    					height: 23px;
    					margin: 0 0 0 3px;
    					overflow: hidden;
    					background-color: #eee;
    					float: left;
    					a{
    						display: block;
    						width: 100%;
    						height: 100%;
    					}
    				}
    				.cur{
    					background-color: #2fc3a2;
    				}
    			}
    			.cotpart{
    				position: absolute;
    				bottom: 0;
    				left: 0;
    				width: 100%;
    				height: 266px;
    				background-position: 0 100%;
    				clear: both;
    				overflow: hidden;
    				.mo-role{
    					width: 165px;
    					height: 100%;
    					position: absolute;
    					bottom: 0;
    					right: 0;
    					background-position: 0 bottom;
    					background-repeat: no-repeat;
    					background-image: url('../images/role-9.png');
    				}
    				.mp-intro{
    					position: absolute;
    					top: 0;
    					left: 0;
    					width: 150px;
    					padding: 20px 0 0 18px;
    					color: #5d5d5d;
    					font-size: 12px;
    					text-align: left;
    					h3{
    						font-size: 320%;
    						color: #2fc3a2;
    						line-height: 130%;
    					}
    					.mp-wp,.mp-level,.more{
    						margin: 10px 0 0;
    						b{
    							display: block;
    						}
    					}
    					.mp-level{
    						b{
    							display: block;
    							font-weight: normal;
    							font-style: 13px;
    							margin: 0 0 3px;
    						}
    						i{
    							display: inline-block;
							    margin: 0 5px 0 2px;
							    width: 10px;
							    height: 10px;
							    font-size: 0;
							    line-height: 0;
							    background-color: #eeeceb;
							    border: 1px solid #c3c3c3;
							    transform: rotateZ(45deg);
    						}
    						.xing{
    							background-color: #ff8f17;
    							border-color: #ff8f17;
    						}
    					}
    					.more{
    						.morer{
    							width: 68px;
    							font-size: 12px;
    							display: inline-block;
    							color: #fff;
    							border-radius: 15px;
    							padding: 5px 0;
    							text-align: center;
    						}
    						.one{
    							background-color: #2fc3a2;
    							&:hover{
    								background-color:#22b090;
    							}
    						}
    						.two{
    							background-color: #2d2d2d;
    							&:hover{
    								background-color: #000000;
    							}
    						}
    					}
    				}
    			}
			}
			.quanzi{
				position: relative;
				width: 799px;
				height: 299px;
				margin: 15px 0 0;
				background-color: #ffffff;
				overflow: hidden;
				.qzct{
					position: relative;
					width: 392px;
					height: 100%;
					background-color: #fff;
					text-align: left;
					.qzbox{
						position: relative;
						z-index: 1;
						padding: 20px 0 0;
						margin: 0 20px;
						overflow: hidden;
						h3{
							font-size: 16px;
							color: #2fc3a2;
						}
						.qz-pics{
							position: relative;
							margin: 13px 0 13px -12px;
							overflow: hidden;
							a{
								display: block;
								float: left;
								width: 170px;
								height: 110px;
								margin: 0 0 0 12px;
							}
						}
						.newslists{
							height: 100px;
							overflow: hidden;
							width: 100%;
							li{
								position: relative;
                                margin: 0 5px;
                                font-size: 13px;
                                a{
                                	margin-left: 0;
                                }
                                &:hover a{
                	            	color: #2FC3A2;
                	            }
							}
						}
					}
				}
				.quanList{
					width: 460px;
					height: 100%;
					position: absolute;
					top: 0;
					left: 391px;
					overflow: hidden;
					.qzother{
						float: left;
						width: 68px;
						height: 100%;
						background-image: url('../images/fanstab.jpg');
					}
					.qzother1{
						background-position:0 0;
					}
					.qzother2{
						background-position:-340px 0;
					}
					.qzother3{
						background-position:-136px 0;
					}
					.qzother4{
						background-position:-204px 0;
					}
					.qzother5{
						background-position:-68px 0;
					}
					.qzother6{
						background-position:-272px 0;
					}
				}
			}
			.avfeast{
				position: absolute;
				width: 265px;
				top: 615px;
				right: 0;
				margin:15px 0 0 0;
				.avnav{
					.avnav-i{
						float: left;
					    position: relative;
					    width: 125px;
					    height: 142px;
					    background: #2fc3a3;
					    overflow: hidden;
					    font-size: 16px;
					    -webkit-transition: box-shadow .3s ease-out 0s;
					    transition: box-shadow .3s ease-out 0s;
					    i{
					    	width: 62px;height: 62px;
					    	display: block;
					    	position: absolute;
					    	left: 50%;
					    	top: 25px;
					    	margin: 0 0 0 -31px;
					    	transition: all 0.7s;
					    }
					    a{
					    	display: block;
					    	position: absolute;
					    	top: 0;left: 0;
					    	width: 100%;
					    	padding: 90px 0 0;
					    	height: 52px;
					    	color: #ffffff;
					    	transition: all 0.2s;
					    }
					    &:hover i{
					    	top: -62px;
					    	opacity: 0;
					    }
					    &:hover a{
					    	padding: 56px 0 0;
					    	height: 86px;
					    }
					    &:nth-of-type(1) i{
					    	background-image: url('../images/icon/licon1.png');
					    	background-size: 100% 100%;
					    }
					    &:nth-of-type(2) i{
					    	background-image: url('../images/icon/licon2.png');
					    	background-size: 100% 100%;
					    }
					    &:nth-of-type(3) i{
					    	background-image: url('../images/icon/licon3.png');
					    	background-size: 100% 100%;
					    }
					    &:nth-of-type(4) i{
					    	background-image: url('../images/icon/licon4.png');
					    	background-size: 100% 100%;
					    }
					}
					.v,.o{
						margin-right: 15px;
					}
					.o,.m{
						margin-top: 15px;
					}
				}
			}
			.newssort{
				width: 392px;
				height: 299px;
				background: #fff;
				margin: 15px 0 0;
			}
			.outwide{
				margin-right: 15px;
				.tipstyle{
					position: absolute;
					top: 0;
					left: 0;
					padding: 15px 0 0 20px;
					font-size: 16px;
					line-height: 43px;
					color: #2fc3a2;
				}
				.newsbox{
					padding: 15px 20px 0;
					position: relative;
					overflow: hidden;
					.tabpart{
						margin: 0 0 0 45px;
						position: relative;
						.tabs{
							width: 100%;
							overflow: hidden;
							li{
								width: 50px;
								float: left;
								a{
									display: block;
									text-align: center;
									line-height: 43px;
									display: block;
									color: #414242;
								}
								.cur{
									color: #ff8f17;
								}
							}
						}
						.bdbotline{
							position: absolute;
							bottom: 0px;
							left: 0;
							width: 50px;
							background-color: #ff8f17;
							height: 2px;
						}
					}
					.listpart{
						text-align: left;
						position: relative;
						border-top: 1px solid #e4eae9;
						width: 100%;
						height: 222px;
						overflow: hidden;
						ul{
							width: 352px;
							font-size: 13px;
							position: absolute;
							top: 18px;
							left: 0;
							li{
								position: relative;
								margin: 0 5px;
								a{
									margin-left: 0;
								}
								&:hover a{
							    	color: #2fc3a2
							    }
							}
						}
					}
				}
			}

			.guild{
				width: 265px;
				height: 299px;
				right: 0;
				top: 929px;
				position: absolute;
				margin: 15px 0 0;
				a{
					width: 100%;
					height: 100%;
					display: block;
					background: url('../images/home-guild.jpg');
				}
			}

			.banners{
				margin: 15px 15px 0 0;
				overflow: hidden;
				a{
					width: 257px;
					height: 135px;
					float: left;
					position: relative;
					margin-bottom: 15px;
					img{
						width: 100%;height: 100%;
						position: absolute;
					    display: block;
					    top: 0;
					    left: 0;
					}
				}
				a:first-child,
				a:nth-of-type(2){
					margin-right: 14px;
				}
			}
			.lastbner{
				margin: 15px 0 0;
			}
		}
	}
}

footer{
	background: #000;
	.foot-top{
		background: #1e2628;
		font-size: 12px;
		.healthy{
			padding: 8px 3%;
			text-align: center;
			background-color: #1e2628;
			color: #4f5f5f;
			strong{
				color:#ca2b00;
			}
		}
	}
	.foot_cpright{
		padding: 50px 0;
	    width: 1200px;
	    margin: 0 auto;
	}
	.foot_lefts{
		float: left;
		display: inline;
		.foot_ieg_logo{
			width: 180px;
			height: 35px;
			margin: 10px 0 0 10px;
			display: block;
			float: left;
			background:url('../images/foot-dark.png')
		}
		.foot_left{
			width: 109px;
			height: 35px;
			display: block;
			float: left;
			background-image: url('../images/nav-copy.png');
			background-position: -1690px 0;
			background-repeat: no-repeat;
		}
	}
	.foot_links{
		display: inline;
		float: right;
		width: 682px;
		li{
			color: #494949;
			font-size: 12px;
			line-height: 20px;
			a,span,p{
				color: #494949;
			}
			img{
				vertical-align:middle;
				margin-right: 3px;
			}
		}
	}
}